March 3, 2016

Markdown Textshot Bookmarklet

I love using Linky for Twitter textshots¹, however, it is only available for iOS and sometimes I read an interesting article on my Mac. On such cases I either take a screenshot of the browser or actually open the article on the iPhone to just to use Linky:

https://twitter.com/rmateu/status/705440887921381376

Of course, the OCD in me struggles with the lack of consistency around both. Hence this quick and hackie ² bookmarklet that lets me copy the text in Markdown format so I can grab the screenshot of the preview for the textshot.

ScreenShot of resulting Mou preview

I tried to replicate as much as possible the Linky/Instapaper/Medium textshot, so the domain removes the www and gets capitalized. I haven’t tested in enough sites to see if it breaks — buy you can’t get too obsessive, right? RIGHT?.

How to use

1. Drag and drop the Bookmarklet to your browser bar: ✁ M Textshot
2. Select the article text you want to quote.
3. Copy text in prompt.
4. Paste in your Markdown Editor of choice³.
5. Take screenshot of preview.

---

1. While Twitter comes up with an official way to do it.↩︎

2. This is basically a remix of this github. All credit to ze and chriszarate great bookmarkleter.↩︎

3. I collect Markdown editors like some people collect paperclips, but for free options I recommend: Mou, MacDown, Typora (Mac and Windows )↩︎

---